<template>
  <div class="product">
<van-card
  :title="item.goods_name" centered
  @click="$router.push('/details?GoodId='+item.goods_id)"
>

<template #desc >
    <span  class="span" > 已售{{item.goods_sales}}件</span>
  </template>
  <template #price>
    <span class="spanone" > ￥{{item.line_price_max}}</span>
    <span class="spantwo" > ￥{{item.line_price_min}}</span>
  </template>
  <template #thumb>
    <img style="width:80px;" :src="item.goods_image" alt="">
  </template>
</van-card>

</div>
</template>

<script>
export default {
  name: 'ProductPage',
  props: ['item']
}
</script>

<style lang='less' scoped>
/deep/ .van-card__content{
    .span{

        position: relative;
        color: #999 !important;
        position: absolute;
        left: 0;
        top: 50px;
    }
    .spanone{
        position: absolute;
        left: 0;
        top: 70px;
        color: red;
        font-size: 16px;
    }
    .spantwo{
position: absolute;
        left: 80px;
        top: 70px;
        color: #666;
         text-decoration:line-through;
        font-size: 12px;
    }
}
</style>
